<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="./bootstrap-4.6.2-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="fonts/font-awesome.min.css"/>
    <link rel="stylesheet" href="index_kd.css"/>
    <link rel="stylesheet" href="main_theme2.css"/>
    <link rel="stylesheet" href="media_kd.css"/>
    <link rel="stylesheet" href="audio_kd.css"/>
    <link rel="stylesheet" href="update_kd.css"/>
    <link rel="stylesheet" href="toast.css"/>
    <link rel="stylesheet" href="common_theme2.css"/>

    <script src="./third/jquery-3.6.1.min.js"></script>
    <script src="./lang/jquery.i18n.properties.js"></script>
    <script src="./bootstrap-4.6.2-dist/js/bootstrap.min.js"></script>
    <script src="./bootstrap-4.6.2-dist/js/docs.min.js"></script>
    <script src="./third/fabric.min.js"></script>
    <script src="index.js"></script>
    <!--    <script src="initUI.js"></script>-->
    <!--    <script src="util.js"></script>-->
    <script src="websocketUtil.js"></script>


    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <!-- 页面---icon -->
    <link href="image/logo_light.ico" rel="icon" type="image/x-ico"/>

</head>
<body>

<!--<div id="toast"></div>-->
<!--<div class="dialog"></div>-->
<!--<div class="dialog-mask"></div>-->

<div id="index"></div>
<script>
    function checkMobile() {
        if (window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) {
            $.get("phone_theme2.html", function (data) {
                $("#index").html(data);
            });
        } else {
            $.get("pc_theme2.html", function (data) {
                $("#index").html(data);
            });
        }
    }
    checkMobile();
</script>
</body>
</html>
